import { withRouter } from 'next/router'
import BlogPost from '../components/layouts/blog-post'
import Page from '../components/layouts/page'

export const meta = {
  title: 'About',
  summary:
    'Hi! This is a placeholder page. I thought that the header was too empty so I wanted to add an element to show how to add additional pages and put a small navigation here.',
}

export default withRouter(({ children, router }) => (
  <Page path={router.pathname} meta={meta}>
    {children}
  </Page>
))

Hi! This is a placeholder page.

I thought that the header was too empty, so I added an element to show how to add additional pages and put a small navigation there.

You can create pages using React components or MDX files. [Read more about MDX](https://mdxjs.com/).
